<%--
  Created by IntelliJ IDEA.
  User: 瑱彬
  Date: 2015/6/2
  Time: 9:15
  To change this template use File | Settings | File Templates.
  /**
 *
 * ━━━━━━神兽出没━━━━━━
 * 　　　┏┓　　　┏┓
 * 　　┏┛┻━━━┛┻┓
 * 　　┃　　　　　　　┃
 * 　　┃　　　━　　　┃
 * 　　┃　┳┛　┗┳　┃
 * 　　┃　　　　　　　┃
 * 　　┃　　　┻　　　┃
 * 　　┃　　　　　　　┃
 * 　　┗━┓　　　┏━┛Code is far away from bug with the animal protecting
 * 　　　　┃　　　┃    神兽保佑,代码无bug
 * 　　　　┃　　　┃
 * 　　　　┃　　　┗━━━┓
 * 　　　　┃　　　　　　　┣┓
 * 　　　　┃　　　　　　　┏┛
 * 　　　　┗┓┓┏━┳┓┏┛
 * 　　　　　┃┫┫　┃┫┫
 * 　　　　　┗┻┛　┗┻┛
 */
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<% String context = request.getContextPath(); %>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" type="text/css" href="<%=context%>/thirdparts/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="<%=context%>/thirdparts/bootstrap/css/bootstrap-theme.min.css">
    <link rel="stylesheet" type="text/css" href="<%=context%>/css/common.css"/>
    <link rel="stylesheet" type="text/css" href="<%=context%>/css/setting.css"/>


    <script type="text/javascript" src="<%=context%>/js/jquery.min.js"></script>
    <script type="text/javascript" src="<%=context%>/thirdparts/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="<%=context%>/thirdparts/avatar/js/swfobject.js"></script>
    <script type="text/javascript" src="<%=context%>/js/setting.js"></script>

    <title>用户设置</title>
</head>
<body>
<c:import url="top.jsp">
    <c:param name="pageName" value="home"/>
</c:import>
<div class="center">
    <div class="centerContainer">
        <div class="settingContainer">
            <div class="settingTitle">账户资料</div>

            <div class="subContainer">
                <div class="subHead"><span class="subTitle">个人资料</span><span class="subName"
                                                                             id="personalInfo">${user.name}</span><span
                        id="personalEditor" class="subEditor">编辑</span></div>
                <div class="subFormContainer" id="personalFormContainer">
                    <table>
                        <tr>
                            <td width="100px">登陆名</td>
                            <td>${user.username}</td>
                        </tr>
                        <tr>
                            <td>昵称</td>
                            <td><input type="text" name="name" value="${user.name}"/></td>
                        </tr>
                        <tr>
                            <td>鸟名</td>
                            <td><input type="text" name="alias" value="${user.alias}"/></td>
                        </tr>
                        <tr>
                            <td>真实名</td>
                            <td><input type="text" name="realname" value="${user.realname}"/></td>
                        </tr>

                        <tr>
                            <td>职位</td>
                            <td><input type="text" name="role" value="${user.role}"/></td>
                        </tr>
                        <tr>
                            <td>邮箱</td>
                            <td><input type="text" name="email" value="${user.email}"/></td>
                        </tr>
                        <tr>
                            <td>联系方式</td>
                            <td><input type="text" name="number" value="${user.number}"/></td>
                        </tr>
                        <tr>
                            <td valign="top">自我介绍</td>
                            <td><textarea name="summary" id="summary" cols="30" rows="4">${user.summary}</textarea></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td><a href="javascript:void(0);" id="personalSubmit" class="formBtn submitBtn">保存</a></td>
                        </tr>
                    </table>

                </div>

                <div class="subHead">
                    <span class="subTitle">头像</span>
                    <span class="subName" id="avatarImg">
                        <span class="usericon">
                            <img src="${user.avatar}" alt=""/>
                        </span>
                    </span>
                    <span id="avatarEditor" class="subEditor">编辑</span></div>
                <div class="subFormContainer" id="avatarFormContainer">
                    <span class="usericon bigicon"><img src="${user.avatar}" alt=""/></span>
                    <a href="javascript:void(0);" class="uploadImgA">上传图片</a>
                </div>

                <div class="subHead"><span class="subTitle">密码</span><span class="subName"
                                                                           id="passwordInfo">******</span><span
                        id="passwordEditor" class="subEditor">编辑</span></div>
                <div class="subFormContainer" id="passwordFormContainer">
                    <table>
                        <tr>
                            <td width="100px">登陆密码</td>
                            <td><input type="password" name="oldPassword"/></td>
                        </tr>
                        <tr>
                            <td>新密码</td>
                            <td><input type="password" name="newPassword"/></td>
                        </tr>
                        <tr>
                            <td>确认密码</td>
                            <td><input type="password" name="confirmPassword"/></td>
                        </tr>
                    </table>
                    <a href="javascript:void(0);" id="passwordSubmit" class="formBtn submitBtn">保存</a>
                </div>

            </div>
        </div>
    </div>
</div>
<c:import url="bottom.jsp"/>

<div class="uploadDiv">
    <div style="width:750px;height:480px;margin:40px auto 0; padding:10px;border:solid 1px #EFEFEF;background: #fff;">
        <div id="altContent">
            <h1>AvatarUpload</h1>

            <p><a href="http://www.adobe.com/go/getflashplayer">Get Adobe Flash player</a></p>
        </div>
    </div>
</div>

</body>
</html>
